.patient-number-date {
  width: 100%;
  height: calc(100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  .patient-number-date-inside{
    text-align: center;
    width: 100%;
    background: rgba(234, 240, 240, 0.7);
    border-radius: 40px 40px 0 0;
    height: calc(100%);
    padding: 30px 40px;
    box-sizing: border-box;

    .header{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 0 42px 28px 42px;
      box-sizing: border-box;
      .item{
        align-self: center;
      }
      .middle{
        padding: 0 40px;
        font-size: 52px;
        box-sizing: border-box;
        font-weight: 580;
        line-height: 1.38;
      }
      .left,.right{
        box-sizing: border-box;
        img{
          height: 60px;
          object-fit: cover;
        }
      }
    }

    .patient-number-wrap{
      height: calc(100% - 96px);
      overflow: hidden;
      .patient-number-area{
        height: calc(100%);
        overflow: auto;

        &::-webkit-scrollbar {
          width: 0;
          height: 0;
          position: relative;
          z-index: 9999;
        }

        .el-col{
          &:first-child{
            .patient-number-item{
              margin-top: 0;
            }
          }
          &:last-child{
            .patient-number-item{
              margin-bottom: 0;
            }
          }
        }

        .patient-number-item{
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          background: #FFFFFF;
          padding: 0 40px;
          height: 150px;
          overflow: hidden;
          box-sizing: border-box;
          border-radius: 18px;
          color: #333333;
          font-size: 50px;
          font-weight: 500;
          margin: 14px 0;
          .left{
            display: flex;
            align-self: center;
            flex-direction: row;
            .date{
              padding-right: 28px;
            }
          }
          .right{
            align-self: center;
            position: relative;
            .el-icon{
              position: relative;
              font-size: 42px;
              top: -1px;
              left: 0;
            }
          };
        }
      }
    }
  }
}